<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="../../org/angular.min.js"></script>
</head>

<body ng-app="app" ng-controller="ctrl">
    <!-- 在父级修改，指令中的内容也会变 -->
    {{name}} <input type="text" name="" ng-model="name">
    <hr>

    <zyx-cms fn="go()"></zyx-cms>
    <hr>
    <script>
        var m = angular.module('app', []);
        m.directive('zyxCms', [function() {
            return {
                restrict: 'E',
                //run执行的时候相当于执行了，父级作用域中的 go方法
                template: '<h3>{{run()}}</h3>',
                scope: {
                    run: '&fn',
                }
            }
        }])
        m.controller('ctrl', ['$scope', function($scope) {
            $scope.go = function() {
                return '父级作用域中的函数的返回值'
            }
        }])
    </script>
</body>

</html>
